<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Sonicportal | <? if ($page_title) echo $page_title; else echo "MP3s from the best music blogs." ?></title>
        <link type="text/css" rel="stylesheet" href="/css/main.css" />
        <script type="text/javascript" src="/js/swfobject.js"></script>
        <script type="text/javascript" src="/swf/ep/ep_player.js"></script>
        <script type="text/javascript" src="/js/prototype.js" ></script>       
        <script type="text/javascript" src="/js/scriptaculous.js" ></script>       
		<script type="text/javascript" src="/js/SonicPortal.js" ></script>  
		<script type="text/javascript" src="/js/components.dropdown.js" ></script>  
		<link type="text/css" rel="stylesheet" href="/css/components.dropdown.css" />  
        <script type="text/javascript">

function play(track_index)
{
    EP_playIndex('ep_player', track_index); 
}
function like(track_id)
{
    new Ajax.Request('/track/like/' + track_id, {
        onSuccess: function(){
            $('like_' + track_id).remove();
        }
    });
}

Event.observe(window, "load", 
    function()
    {
        //setTimeout(500, checkUrl, 500)
    }
);

function login()
{
    SonicPortal.showLightboxFromDiv('login', true, false);
}

        </script>
        <meta name="verify-v1" content="HfUc1sK3GPRa7EBp6PMwcRIfRj/hPO8U03koIi/Jv50=" />
    </head>
    <body>
    <div id="header">
        <div id="header-inner">
            <h2>
                <a href="/" style="text-decoration: none"><span style="color: #aaeeaa">Sonic</span>Portal</a>             
            </h2>
            <span style="position: absolute; top: 0px; left: 0px">
                <a class="nav" href="/post/tag/indie">Indie</a>
                <a class="nav" href="/post/tag/electronic">Electronic</a>
                <a class="nav" href="/post/tag/hip-hop">Hip-Hop</a>
                <a class="nav" href="/post/tag/rap">Rap</a>
                <a class="nav" href="/post/tag/folk">Folk</a>
                <a class="nav" href="/post/tag/pop">Pop</a>
                <a class="nav" href="/post/tag/funk">Funk</a>
                <a class="nav" href="/post/tag/soul">Soul</a>                                    
                <a class="nav" href="/post/tag/experimental">Experimental</a>
                <a class="nav" href="/post/tag/electro">Electro</a>
                <a class="nav" href="/post/tag/rock">Rock</a>
                <a class="nav" href="javascript: login()">[Login]</a>
            </span>
            <div id="player">
                <?php echo $player ?>
            </div>
            <br/>
        </div>
    </div>
    <div id="content">
    
    <?php echo $content_for_layout ?>
    </div>

    <div style="display: none">
        <div id="login">
            <div style="background-color: white; width: 400px; padding: 10px">
            <form method="POST" action="/user/login">
                <label>Username</label>
                <input type="text" name="username"/><br/>
                <label>Password</label>
                <input type="password" name="password"/><br/>
                <input type="submit" value="Login"/>
            </form>
            </div>
        </div>
    </div>
    
    </body>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-9116720-1");
    pageTracker._trackPageview();
    } catch(err) {}</script>
</html>